37 / 39

Tabbed ContentURL copied

You can create tabbed sections to show multiple versions of content, like code in different languages or rendered output vs source code.

Syntax:

To create tabs, use the following markdown syntax:

Copied
:::tabs  
::tab{title="Python"}  
```python
def greet(name):
    return f"Hello, {name}!"
print(greet("World"))
```  
::tab{title="JavaScript"}  
```javascript
function greet(name) {
    return `Hello, ${name}!`;
}
console.log(greet("World"));
```  
::tab{title="Output"}  
```
Hello, World!
```  
:::

Example:

Copied
def greet(name):
    return f"Hello, {name}!"

print(greet("World"))
Copied
function greet(name) {
    return `Hello, ${name}!`;
}

console.log(greet("World"));
Copied
Hello, World!